<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>新闻资讯 - 朵色官网</title>
		<link rel="stylesheet" href="css/style2.css">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
		<link rel="shortcut icon" href="images/favicon.png">
	</head>

	<body>
		<nav>
			<div class="container">
				<nav class="navbar navbar-expand-lg navbar-light bg-light-1">
					<a class="navbar-brand" href="#"><img src="images/header-logo_03.png" alt=""></a>
					<a class="make" href="javascript:void (0)" ><img src="images/header-make.png" alt=""></a>
					<img src="images/header-logo2_06.png" alt="" class="header-logo2">
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
					<div class="sj">
						<div class="loc">
							<ul class="navbar-nav">
								<li class="nav-item active">
									<a class="home" href="index.html" >首页<span class="sr-only">(current)</span></a>
								</li>
								<li class="nav-item">
									<a class="" href="#">朵色招商</a>
								</li>
								<li class="nav-item">
									<a class="" href="index1.html">产品中心</a>
								</li>
								<li class="nav-item">
									<a class="" href="#">代理加盟</a>
								</li>
								<li class="nav-item">
									<a class="" href="#">在线购买</a>
								</li>
								<li class="nav-item">
									<a class="news6" href="index2.html">新闻资讯</a>
								</li>
								<li class="nav-item">
									<a class="" href="index3.html">关于我们</a>
								</li>
								<li class="nav-item">
									<a class="" href="#">联系我们</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="collapse navbar-collapse" id="navbarNav">
						<ul class="navbar-nav">
							<li class="nav-item active">
								<a href="index.html">首页<span class="sr-only">(current)</span></a>
							</li>
							<li class="nav-item">
								<a class="" href="#">朵色招商</a>/
							</li>
							<li class="nav-item">
								<a href="index1.html">产品中心</a>/
							</li>
							<li class="nav-item">
								<a class="" href="#">代理加盟</a>/
							</li>
							<li class="nav-item">
								<a class="" href="#">在线购买</a>/
							</li>
							<li class="nav-item">
								<a class="news6" href="index2.html">新闻资讯</a>/
							</li>
							<li class="nav-item">
								<a class="" href="index3.html">关于我们</a>/
							</li>
							<li class="nav-item">
								<a class="" href="#">联系我们</a>/
							</li>
						</ul>
					</div>
				</nav>
			</div>
		</nav>
		<div class="banner">
			<img src="images/xinwenzixundatu_03.png" alt="">
		</div>
		<div class="snav">
			<div class="container">
				<div class="yuan-inner">
					<a href=""><img src="images/snav-tuyi.png" alt=""></a>
					<a href="">朵色招商</a>
				</div>
				<div class="yuan-inner">
					<a href=""><img src="images/snav-tuer.png" alt=""></a>
					<a href="">代理加盟</a>
				</div>
				<div class="yuan-inner">
					<a href=""><img src="images/snav-tusan.png" alt=""></a>
					<a href="">联系我们</a>
				</div>
			</div>
		</div>
		<main>
			<div class="container">
				<div class="main-top">
					<div class="row">
						<div class="col-md-6">
							<h3>新闻资讯</h3>
						</div>
						<div class="col-md-6 clearfix">
							<div class="main-top-right">
								当前位置:
								<span><a href="index.html">网站首页</a></span>>
								<span><a href="index2.html">新闻资讯</a></span>
							</div>
						</div>
					</div>
				</div>
				<div class="main-bottom">
					<div class="mb-yi" id="app">
						<div class="oop" v-for="link2s in message">
							<div class="row">
								<div class="col-md-3">
									<a href="">
										<img :src="link2s.img">
									</a>
								</div>
								<div class="col-md-7">
									<div class="nr1">
										<a href="">
											<h4>{{link2s.h4}}</h4>
											<p>{{link2s.p}}</p>
										</a>
									</div>
								</div>
								<div class="col-md-2">
									<div class="rq">
										<span>
											{{link2s.sp}}
										</span>
										<em>
											{{link2s.em}}
										</em>
									</div>
								</div>
							</div>
						</div>
						
					</div>
				</div>
				<div class="pagebar">
					<div class="page_list">
						<a href=""><<</a>
						<a href=""><</a>
						<a href="">1</a>
						<a href="">2</a>
						<a href="">3</a>
						<a href="">4</a>
						<a href="">></a>
						<a href="">>></a>
					</div>
				</div>
			</div>
		</main>
		<div class="links">
			<div class="container">
				<h1>
            <span class="yq">友情</span>
            <span class="lj">链接</span>
            <span class="f-en">Links</span>
            <a href="http://www.wqit.net/" class="friend">洛阳万谦网络</a>
        </h1>
			</div>
		</div>
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-2 col-6">
						<div class="footer-neirong tsnr">
							<h5>彩妆系列</h5>
							<ul>
								<li class="cz1">
									<a href="">眼妆</a>
								</li>
								<li class="cz2">
									<a href="">唇妆</a>
								</li>
								<li class="cz3">
									<a href="">底妆</a>
								</li>
								<li class="cz4">
									<a href="">指彩</a>
								</li>
								<li class="cz5">
									<a href="">卸妆</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-2 col-6">
						<div class="footer-neirong tsnr">
							<h5>护肤系列</h5>
							<ul>
								<li class="hf1">
									<a href="">芦荟系列</a>
								</li>
								<li class="hf2">
									<a href="">肌肤之初系列</a>
								</li>
								<li class="hf3">
									<a href="">咖啡系列</a>
								</li>
								<li class="hf4">
									<a href="">当季明星产品</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-2 col-6">
						<div class="footer-neirong">
							<h5>健康系列</h5>
							<ul>
								<li class="jk1">
									<a href="">健康食品</a>
								</li>
								<li class="jk2">
									<a href="">乳胶产品</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-2 col-6">
						<div class="footer-neirong">
							<h5>日化系列</h5>
						</div>
					</div>
					<div class="col-md-2 text-center col-6">
						<img src="images/footer-mayi_10.png" alt="" class="erweima">
						<p class="sao">扫一扫关注我们</p>
					</div>
					<div class="col-md-2 text-center col-6">
						<img src="images/footer-maer_12.png" alt="" class="erweima">
						<p class="sao">扫一扫加入我们</p>
					</div>
				</div>
			</div>
		</footer>
		<div class="footer2">
			<div class="container">
				<div class="ft">
					<p>COPYRIGHT&nbsp;&nbsp;&nbsp; 2017&nbsp;&nbsp;&nbsp; 弥尚-弥尚护肤品官网&nbsp;&nbsp;&nbsp;&nbsp; 版权所有&nbsp;&nbsp;&nbsp; </p>
					<a href="">豫ICP备17047971号</a>
				</div>
			</div>
		</div>
		<div class="fh text-center" id="fh">
			<button><span>TOP<i class="fa fa-arrow-up"></i></span></button>
		</div>
		<div class="hua">
			<div class="hua-nr5">
				<a href="" class="phone">135-2599-2043</a>
			</div>
			<div class="hua-nr6">
				<a href="" class="ma">扫一扫联系我们</a>
				<a href="" class="da"><img src="images/footer-mayi_10.png" alt=""></a>
			</div>
		</div>
		<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
		<script src="js/vue.min.js"></script>
		<script src="js/axios.min.js"></script>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		

		<script src="js/script.js"></script>
	</body>

</html>